<template>
  <div class="example">
    <code-edit :handle-change="codeOnChange" :value="codeValue" />
    <MdEdit :handle-change="mdOnChange" :value="mdValue" />
    <h1>This is an about page</h1>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import MdEdit from "@/components/MdEdit.vue";
import CodeEdit from "@/components/CodeEdit.vue";

const mdValue = ref();
const codeValue = ref();
const mdOnChange = (v: string) => {
  mdValue.value = v;
};

const codeOnChange = (v: string) => {
  codeValue.value = v;
};
</script>
